import { Input, Row, Col, Form } from 'antd';
import React from 'react';
import '@ant-design/compatible/assets/index.css';
import styles from './AuditForms.less';


const FormItem = Form.Item
const PassengerForm = props => {
    const mainData = props.allDatas
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 16 },
    };
    return (
      <div className='formItems'>
       <Form >
          <Row gutter={16}>
            <Col md={6} >
              <FormItem  label='合计金额' >
                <Input value={mainData?.totalMoney} disabled addonAfter="(元)" />
              </FormItem>
            </Col>
            <Col md={6} >
              <FormItem  label='已选旅客'>
                <Input value={mainData?.personTotalCount} disabled/>
              </FormItem>
            </Col>
            <Col md={6} >
              <FormItem  label='成/童/婴'>
                <Input value={mainData?.membersCount} disabled/>
              </FormItem>
            </Col>
          </Row>
          {
            mainData?.payType === '0'
            ? <Row gutter={16}>
                <Col md={24} sm={24}>
                  <FormItem  label='备注'>
                    <Input value={mainData?.remark} disabled/>
                  </FormItem>
                </Col>
              </Row>
            : null
          }
          
       </Form>
      </div>
     )
  }

export default PassengerForm